@use 'reset';
@use 'theme';
// @use 'components';
@use 'utilities';

.page,
.page-content {
  display: flex;
  flex: auto;
  flex-direction: column;
}

page,
.page {
  min-height: 100vh;
  font-family: var(--default-font-family);
  background-color: var(--color-bg-grey);
}

.taroify-fixed-view.taroify-fixed-view--top + .page-content {
  /* prettier-ignore */
  padding-top: calc(var(--safe-area-inset-top) + 46PX);
}

.taroify-cell-group {
  --cell-group-inset-title-padding: 32px 0 16px;

  &--inset {
    --cell-group-background-color: transparent;
    --cell-group-title-color: var(--color-text);
  }
}
